Lucky the Rabbit

The game was planned and designed by me, Yousef and Merari for the final videogame project in Web 3, a course at Vanier College. You play as Lucky, a rabbit that has to collect fruit and avoid trees.

The game has a carrot power up that increases your speed, and the timer ticks down until the end, where you either lose by running out of lives or win and get your final score points calculated.

These are the power ups concept drawings made for the game by Yousef.

This is the colour palette used for the game, it is meant to resemble easter colorful times.

The sprite sheet used for the game (GIF). I coded the character using HTML canvas in JavaScript. In order to make the character appear to move, it changes the images on the sprite sheet successively at an appropriate frame rate.

Game Code & Functions

In order to make the character move, we needed to change the sprite sheet at the correct location and frame rate.

The hardest challenge of this whole game was the game code, which had to be designed using HTML canvas controlled through JavaScript.

We ran functions every millisecond of the game to check some status, for example, whether the player has won the game shown in the code snippet above.

The render function was the most important in the game, and it was the function that took all the loaded assets and drew them in the canvas, using JavaScript.

Credits: Yousef, Merari